﻿{layout name="view" /}
<div class="boths">
    <div class="leftboth">
        <h3 class="leftboth-title">友情链接</h3>
        <ul class="leftboth-both-ul">
            <li class="leftboth-both-li"><span class="leftboth-bgjt"></span><a href="http://www.360doc.com/content/15/1023/11/17164483_507758197.shtml">办事流程</a></li>
            <li class="leftboth-both-li"><span class="leftboth-bgjt"></span><a href="http://www.gov.cn/flfg/xzfg.htm"> 行政法规</a></li>
            <li class="leftboth-both-li"><span class="leftboth-bgjt"></span><a href="http://www.sohu.com/a/281383987_100015047">部门规章</a></li>
            <li class="leftboth-both-li"><span class="leftboth-bgjt"></span><a href="http://www.ndrc.gov.cn/zcfb/gfxwj/">规范性文件</a></li>
            <li class="leftboth-both-li"><span class="leftboth-bgjt"></span><a href="http://www.ndrc.gov.cn/zcfb/jd/">政策</a></li>
        </ul>
    </div>
    <div class="centerboth" style="width:480px; ">
        <div class="both-head">
            <h3 class="both-headh3">图片新闻</h3>
        </div>
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="width:480px; height: 270px; margin-top: -5px;" >
            <!--
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol> 
              -->
            <div class="carousel-inner" style="width:480px; height: 270px;">
                <div class="carousel-item active">
                    <img class="d-block w-100" src="/img/info/lb1.jpg" alt="First slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" src="/img/info/lb2.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" src="/img/info/lb3.jpg" alt="Third slide">
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
            <!-- poster='http://video-js.zencoder.com/oceans-clip.jpg' -->
            <!-- -->
            <div class="both-head " id="both-head" style="margin-top: 20px;">
                    <h3 class="both-headh3">电视夜校</h3>
                </div>
            <video id="my_video_1" class="video-js vjs-default-skin" width="480px" height="267px" preload="none"
                loop="loop" autoplay="autoplay" muted="muted" preload  controls 
                data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }' style="margin-top: -5px;">
                <source src="/static/mov.mp4" type='video/mp4' />
                <source src="/static/mov.mp4" type='video/webm' />
            </video>

        </div>
        <div class="ringboth">


            <div class="ringboth-div">
                <div>
                    <h3 class="lv_14_cu"><span class="ringboth-img"></span>最新新闻</h3>
                    <ul class="ringboth-ul">
                        {foreach key="k" name="val" item="value"}
                        <li class="ringboth-li"><a href="newinfo?id={$value.id}">{$value.desc}</a></li>
                        {/foreach}
                    </ul>
                </div>
            </div>



            <div class="ringboth-div">
                <div>
                    <h3 class="lv_14_cu"><span class="ringboth-img"></span>优惠政策</h3>
                    <ul class="ringboth-ul">
                        {foreach key="k" name="vals" item="value"}
                        <li class="ringboth-li"><a href="newinfo?id={$value.id}">{$value.desc}</a></li>
                        {/foreach}
                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<style>
    .both-head {
        background: url('/img/info/bg111.jpg') no-repeat;
        height: 30px;
    }
    .carousel-indicators li.active{
	
        width: 10px;
        height: 10px;
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 50%;
        margin-top: 1px;
    }
    .carousel-indicators li{
        margin: auto 10px;
        width: 10px;
        height: 10px;
        /* border: 1px solid #ffffff;    */
        border-radius: 50%;
    }
    .both-headh3 {
        background-repeat: repeat-y;
        background-position: left center;
        font-weight: bold;
        color: #ffffff;
        padding-top: 3px;
        padding-bottom: 12px;
        padding-left: 12px;
        font-size: 14px;
    }

    .boths {
        position: relative;

    }

    .leftboth {
        background-color: #FEFDF8;
        border: 1px solid #ead1b3;
        font-size: 12px;
        color: #333333;
        margin: 0px;
        padding: 0px;
        width: 190px;
        text-align: -webkit-center;
        vertical-align: top;
        height: 658px;
    }

    .leftboth-title {
        color: #000000;
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 14px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #976D17;
        padding-left: 12px;
    }

    .leftboth-bgjt {
        /* display: inline-block; */
        width: 14px;
        height: 20px;
        background: url('/img/bg6.jpg') no-repeat;
        margin-top: 7px;
    }

    .leftboth-both-li {
        display: flex;
        align-items: flex-start;
        margin-left: 10px;
        padding: 0px;
        margin-top: 8px;
        /* vertical-align: top; */
    }

    .leftboth-both-li a {
        font-size: 14px;
        display: inline-block;
    }

    .leftboth-both-li a:visited {
        color: #333333;
        text-transform: none;
        text-decoration: none;
    }

    .leftboth-both-li a:link {
        color: #333333;
        text-transform: none;
        text-decoration: none;
    }

    .leftboth-both-li a:hover {
        color: #aaaaaa;
    }

    .centerboth {
        position: absolute;
        top: 1px;
        left: 205px;
    }

    .ringboth-div {
        border-color: grey;

    }

    .lv_14_cu {
        font-size: 14px;
        height: 40px;
        color: #4f8905;
        font-weight: bold;
        background: url('/img/jt.jpg') no-repeat;
        padding-top: 14px;
        padding-left: 32px;
        margin-bottom: 0px;
    }

    .ringboth {
        position: absolute;
        top: 1px;
        left: 495px;
    }

    .ringboth-li {
        background-repeat: no-repeat;
        background-position: left center;
        text-align: left;
        padding-left: 8px;
        height: 23px;
        font-size: 12px;
        color: #333333;
        margin: 0px;
        padding: 0px;
        padding-left: 10px;
        width: 86%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ringboth-li a {
        font-style: normal;
        font-weight: 500;
        font-size: 11px;
    }

    .ringboth-li a:visited {
        color: #333333;
        text-decoration: none;
    }

    .ringboth-li a:link {
        color: #333333;
        text-decoration: none;
    }

    .ringboth-ul {
        height: 284px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #D6D6D6;
        border-left-color: #D6D6D6;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #D6D6D6;
        padding-top: 8px;
        padding-bottom: 8px;
        background-repeat: repeat-x;
        background-position: center top;
        margin-top: -1px;
        width: 268px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
</style>